<%@ page language="java" pageEncoding="UTF-8" %>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>信息安全审计系统</title>
<link href="${ctx}/css/base.css" type="text/css" rel="stylesheet">
<link href="${ctx}/css/header.css" type="text/css" rel="stylesheet">
<link href="${ctx}/css/container.css" type="text/css" rel="stylesheet">
<script src="${ctx}/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="${ctx}/js/base.js" type="text/javascript"></script>

</head>
<body onload="initPage();">
<!--hearer-->
<div class="headerwrapper">
	<div class="header_top">
        <div class="header_top_left">
        	<ul>
            	<li><img src="${ctx}/images/header/header_top_logo.jpg" /></li>
                <li>欢迎使用信息安全审计系统</li>
            </ul>
        </div>
        <div class="header_top_right">
            <ul>
                <a href="#"><li class="zhuxiao">注销</li></a>
            </ul>
            <ul>
            	<a href="#"><li class="help">帮助</li></a>
            </ul>
		</div>
    </div>
    <div class="nav">
    	<div class="nav_left">
        	<ul id="navlist">
                <li style="padding-left:10px;"><a href="${ctx}/count/count.html">统计</a></li>
                <li>|</li>
                <li><a href="${ctx}/keyword/keyword.html">关键字</a></li>
                <li>|</li>
                <li><a href="${ctx}/content/content_yj.html">内容</a></li>
                <li>|</li>
                <li><a href="${ctx}/conversation/conversation.html">会话</a></li>
                <li>|</li>
                <li><a href="${ctx}/flow/flow.html">流量</a></li>
                <li>|</li>
                <li><a href="${ctx}/twoway/twoway.html">双向</a></li>
                <li>|</li>
                <li><a href="${ctx}/warn/warn_nr.html">告警</a></li>
                <li>|</li>
                <li><a href="${ctx}/report/report.html">报表</a></li>
                <li>|</li>
            </ul>
        </div>
        <div class="nav_right">
        	<ul id="nav_right_list">
                <li><a href="${ctx}/celue/celue_sjfw.html" id="current">策略</a></li>
                <li><a href="${ctx}/shezhi/shezhi.html">设置</a></li>
            </ul>
        </div>
    </div>
</div>
<!--header end-->

<!--menu-->
<div class="menu_wrapper">
	<div class="menu">
    	<ul>
            <li><a href="celue_sjfw.html">审计范围</a></li>
            <li><a href="celue_sxsjfw.html" id="current">双向审计范围</a></li>
            <li><a href="celue_gjcl.html">告警策略</a></li>
            <li><a href="celue_bcsx.html">保存时效</a></li>
            <li><a href="celue_lwsz.html">例外设置</a></li>
        </ul>
    </div>
</div>

<!--container-->
<div class="container_wrapper">
	<div class="container_table_wrapper">
        <h1 style="background:url(${ctx}/images/celue/celue_sxsjfw_title1.jpg) no-repeat;">重要设备</h1>
        <h3>
        	<div class="container_list">
            	<div class="list_operate">
                    <ul style="float:left;">
                    	<li class="list_operate_add">新增</li>
                        <li style="color:#d6d6d6;">|</li>
                        <li class="list_operate_edit">编辑</li>
                        <li style="color:#d6d6d6;">|</li>
                        <li class="list_operate_delete">删除</li>
                    </ul>
                    <ul style="float:right;">
                    	<div class="list_search">
                        	<ul class="list_search_input"><input name="" type="text" class="list_search_textarea" /></ul>
                            <ul class="list_search_btn"><img src="${ctx}/images/celue/list_search_btn.jpg" /></ul>
                        </div>
                    </ul>
                </div>
                <div class="list">
                    <div class="list_title" style="width:986px;">
                        <ul>
                            <li style="width:22px"><input type="checkbox" name="checkbox" id="checkbox" class="list_checkbox"></li>
                            <li style="width:200px;" class="arrow_down">设备名称</li>
                            <li style="width:150px;" class="arrow_down">IP</li>
                            <li style="width:160px;" class="arrow_down">MAC</li>
                            <li style="width:435px; border-right:0px;" class="arrow_down">备注</li>
                        </ul>
                        <!--width=width+3+1--->
                    </div>
                    <div class="list_table_wrapper" id="list_1" name="list_1">
                        <div class="list_table">
                            <ul>
                                <li style="width:22px"><input type="checkbox" name="checkbox" id="checkbox" class="list_checkbox"></li>
                                <li style="width:200px;">OA服务器</li>
                                <li style="width:150px;">192.168.0.199</li>
                                <li style="width:160px;">5C:62:6D:99:95:0E</li>
                                <li style="width:415px; border-right:0px;">可能涉及财务机密信息</li>
                            </ul>
                        </div>
                        <div class="list_table">
                            <ul>
                                <li style="width:22px"><input type="checkbox" name="checkbox" id="checkbox" class="list_checkbox"></li>
                                <li style="width:200px;">财务开票</li>
                                <li style="width:150px;">192.168.0.158</li>
                                <li style="width:160px;">5C:62:6D:99:95:0E</li>
                                <li style="width:415px;  border-right:0px;">局机密信息</li>
                            </ul>
                        </div>
                        <div class="list_table">
                            <ul>
                                <li style="width:22px"><input type="checkbox" name="checkbox" id="checkbox" class="list_checkbox"></li>
                                <li style="width:200px;">OA服务器</li>
                                <li style="width:150px;">192.168.0.199</li>
                                <li style="width:160px;">5C:62:6D:99:95:0E</li>
                                <li style="width:415px;  border-right:0px;">可能涉及财务机密信息</li>
                            </ul>
                        </div>
                        <div class="list_table">
                            <ul>
                                <li style="width:22px"><input type="checkbox" name="checkbox" id="checkbox" class="list_checkbox"></li>
                                <li style="width:200px;">财务开票</li>
                                <li style="width:150px;">192.168.0.158</li>
                                <li style="width:160px;">5C:62:6D:99:95:0E</li>
                                <li style="width:415px;  border-right:0px;">局机密信息</li>
                            </ul>
                        </div>
                        <div class="list_table">
                            <ul>
                                <li style="width:22px"><input type="checkbox" name="checkbox" id="checkbox" class="list_checkbox"></li>
                                <li style="width:200px;">OA服务器</li>
                                <li style="width:150px;">192.168.0.199</li>
                                <li style="width:160px;">5C:62:6D:99:95:0E</li>
                                <li style="width:415px; border-right:0px;">可能涉及财务机密信息</li>
                            </ul>
                        </div>
                        <div class="list_table">
                            <ul>
                                <li style="width:22px"><input type="checkbox" name="checkbox" id="checkbox" class="list_checkbox"></li>
                                <li style="width:200px;">财务开票</li>
                                <li style="width:150px;">192.168.0.158</li>
                                <li style="width:160px;">5C:62:6D:99:95:0E</li>
                                <li style="width:415px; border-right:0px;">局机密信息</li>
                            </ul>
                        </div>
                    </div>
            	</div>
			</div>
        </h3>
    </div>
<!------------------------------------------------->  
    <div class="container_table_wrapper">
        <h1 style="background:url(${ctx}/images/celue/celue_sxsjfw_title2.jpg) no-repeat;">会话范围</h1>
        <h2>
            <ul>
                <li style="padding-top:2px; padding-top:5px\9;"><input name="1" type="radio" value="1" checked /></li>
                <li>全记录</li>
            </ul> 
            <ul>
                <li style="padding-top:2px; padding-top:5px\9;"><input name="1" type="radio" value="1" /></li>
                <li>记录下列会话</li>
            </ul>
            <ul>
                <li style="padding-top:2px; padding-top:5px\9;"><input name="1" type="radio" value="1" /></li>
                <li>不记录下列会话</li>
            </ul> 
        </h2>
        <h3>
        	<div class="container_list">
            	<div class="list_operate">
                    <ul style="float:left;">
                    	<li class="list_operate_add">新增</li>
                        <li style="color:#d6d6d6;">|</li>
                        <li class="list_operate_edit">编辑</li>
                        <li style="color:#d6d6d6;">|</li>
                        <li class="list_operate_delete">删除</li>
                    </ul>
                    <ul style="float:right;">
                    	<div class="list_search">
                        	<ul class="list_search_input"><input name="" type="text" class="list_search_textarea" /></ul>
                            <ul class="list_search_btn"><img src="${ctx}/images/celue/list_search_btn.jpg" /></ul>
                        </div>
                    </ul>
                </div>
                <div class="list">
                    <div class="list_title" style="width:986px;">
                        <ul>
                            <li style="width:22px"><input type="checkbox" name="checkbox" id="checkbox" class="list_checkbox"></li>
                            <li style="width:200px;" class="arrow_down">会话类型</li>
                            <li style="width:150px;" class="arrow_down">协议</li>
                            <li style="width:160px;" class="arrow_down">源地址</li>
                            <li style="width:110px;" class="arrow_down">源端口</li>
                            <li style="width:160px;" class="arrow_down">目的地址</li>
                            <li style="width:157px; border-right:0px;"" class="arrow_down">目的端口</li>
                        </ul>
                        <!--width=width+3+1--->
                    </div>
                    <div class="list_table_wrapper" id="list_2" name="list_2">
                        <div class="list_table">
                            <ul>
                                <li style="width:22px"><input type="checkbox" name="checkbox" id="checkbox" class="list_checkbox"></li>
                                <li style="width:200px;">管理客户端访问</li>
                                <li style="width:150px;">TCP</li>
                                <li style="width:160px;">192.168.0.1</li>
                                <li style="width:110px;">*</li>
                                <li style="width:160px;">192.168.0.103</li>
                                <li style="width:130px; border-right:0px;">7465</li>
                            </ul>
                        </div>
                        <div class="list_table">
                            <ul>
                                <li style="width:22px"><input type="checkbox" name="checkbox" id="checkbox" class="list_checkbox"></li>
                                <li style="width:200px;">自定义</li>
                                <li style="width:150px;">UDP</li>
                                <li style="width:160px;">192.168.0.103</li>
                                <li style="width:110px;">3790</li>
                                <li style="width:160px;">*</li>
                                <li style="width:130px; border-right:0px;">68</li>
                            </ul>
                        </div>
                    </div>
            	</div>
			</div>
        </h3>
    </div>


    
    <div class="btn_wrapper">
    	<div class="btn">
        	<ul>
                <li class="queding" onmouseover="this.className='queding_over'"  onmouseout="this.className='queding'">确&nbsp;定</li>
                <li class="cancel" onmouseover="this.className='cancel_over'"  onmouseout="this.className='cancel'">取&nbsp;消</li>
            </ul>
        </div>
    </div>
    
</div>

</body>
</html>